<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我是一阵风直播</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <style type="text/css">
        .text-white {
            color: #ffffff !important;
        }
        .aui-grid [class*=aui-col-] {
            padding: 0.75rem 0;
        }
        .logout{
            margin: 3rem auto;
            width: 90%;
        }
        #aui-header{border-bottom:1px solid #2ab7f7;}
    </style>
</head>
<body>
    <header class="aui-bar aui-bar-nav" id="aui-header">
        <!-- <div class="aui-title">个人中心</div> -->
    </header>
    <section class="aui-content" id="user-info">
        <div class="aui-list aui-media-list aui-border-t">
            <div class="aui-list-item aui-list-item-middle aui-bg-info">
                <div class="aui-media-list-item-inner ">
                    <div class="aui-list-item-media" style="width:3rem;">
                        <img id="img" src="../image/share/wx.png" class="aui-img-round">
                    </div>
                    <div class="aui-list-item-inner aui-list-item-arrow">
                        <div class="aui-list-item-text text-white aui-font-size-18" id="username">浅浅嫣然笑</div>
                        <div class="aui-list-item-text text-white">
                           <div><i class="aui-iconfont aui-icon-mobile aui-font-size-14" id='mobile'></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="aui-content aui-grid aui-margin-b-15">
        <div class="aui-row">
            <div class="aui-col-xs-4 aui-border-r">
                <big class="aui-text-warning">0.00<small> 元</small></big>
                <div class="aui-gird-lable aui-font-size-12">余额</div>
            </div>
            <div class="aui-col-xs-4 aui-border-r">
                <big class="aui-text-danger">0<small> 分</small></big>
                <div class="aui-gird-lable aui-font-size-12">积分</div>
            </div>
            <div class="aui-col-xs-4">
                <big class="aui-text-success">0<small> 个</small></big>
                <div class="aui-gird-lable aui-font-size-12">优惠券</div>
            </div>
        </div>
    </section>
    <section class="aui-content">
        <ul class="aui-list aui-list-in aui-margin-b-15">
            <li class="aui-list-item" tapmode onclick="openFrm('my_video_frm')">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont aui-icon-image aui-text-info"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">我的直播间</div>
                </div>
            </li>
            <!-- <li class="aui-list-item" tapmode onclick="openFrm('my_collect_frm')">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont aui-icon-star aui-text-info"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">我的收藏</div>
                </div>
            </li> -->
            <li class="aui-list-item" tapmode onclick="openFrm('')">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont aui-icon-comment aui-text-info"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">我的礼物</div>
                </div>
            </li>
            <li class="aui-list-item" tapmode onclick="openFrm('my_reward_frm')">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont aui-icon-comment aui-text-info"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">我的打赏</div>
                </div>
            </li>
        </ul>
        <!-- <ul class="aui-list aui-list-in">
            <li class="aui-list-item" tapmode onclick="openFrm('my_push_log_frm')">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont aui-icon-menu aui-text-info"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">推流记录</div>
                    <div class="aui-list-item-right">10条</div>
                </div>
            </li>
        </ul> -->
    </section>
    <section class="aui-content">
        <div class="aui-btn aui-btn-block aui-btn-info logout" tapmode onclick="fnLoginOut()">退出系统</div>
    </section>
    <footer class="aui-bar aui-bar-tab" id="aui-footer">

        <div class="aui-bar-tab-item" tapmode onclick="openFrm('video_frm')">
            <i class="aui-iconfont aui-icon-video"></i>
            <div class="aui-bar-tab-label">直播中心</div>
        </div>
        <div class="aui-bar-tab-item aui-active">
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-bar-tab-label">我的</div>
        </div>
    </footer>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js" ></script>
<script type="text/javascript">
    apiready = function () {


        fixStatusBar();
        api.parseTapmode();
        var is_login = $api.getStorage('isLogin');
        fnOpenMainFrame(is_login);
        var name = $api.getStorage('true_name');
        var image = $api.getStorage('headimg_url');
        var phone = $api.getStorage('phone');

        $api.text($api.byId('username'),name);
        $api.text($api.byId('mobile'),phone);



        //$api.attr($api.byId('img'), 'src', image);


    }
    function md5(string,callback){
       var signature = api.require('signature');
      signature.md5({
          data: string
      },callback);
    }

    /**
    *退出登录系统
    */
    function fnLoginOut(){
      var dialogBox = api.require('dialogBox');
      dialogBox.alert({
          texts: {
              content: '确定要退出直播系统吗？',
              leftBtnTitle: '退出',
              rightBtnTitle: '取消'
          },
          styles: {
              bg: 'rgba(0,0,0,0.5)',
              corner: 5,
              w: 230,
              content: {
                  color: '#FFFFFF',
                  size: 14
              },
              left: {
                  marginB: 15,
                  marginL: 10,
                  w: 80,
                  h: 30,
                  corner: 5,
                  bg: '#9F61E8',
                  color: '#FFFFFF',
                  size: 12
              },
              right: {
                  marginB: 15,
                  marginL: 50,
                  w: 80,
                  h: 30,
                  corner: 5,
                  bg: '#DDDDDD',
                  color: '#999999',
                  size: 12
              }
          }
      }, function(ret) {
          if (ret.eventType == 'left') {
            $api.clearStorage();
            api.openWin({
                name: 'login_pass_frm',
                url: './login_pass_frm.html',

            });
            dialogBox.close({
                dialogName: 'alert'
            });
          }else if (ret.eventType == 'right') {
              dialogBox.close({
                  dialogName: 'alert'
              });
          }
      });
      }
</script>
</html>
